header{width: 100%;height: 50px;background: #575757;color: white;position: fixed;top: 0;z-index: 3;text-align: center;line-height: 50px;}
header>div{float: left;height: 100%;font-size: 16px;font-weight: normal;}
header .header_close{width: 15%;margin-left: 10px;}
header .title{width: 50%;font-size: 20px;font-size: 18px}
header .show{float: right;margin-right: 25px;}

.position{width: 100%;height: 25px;background: black;position: absolute;top: 50px;color: white;line-height: 25px;text-align: center;}

#swiper{width: 100%;height: 160px;}
#swiper img{width: 100%;height: 160px;}

.yf_content{position: absolute;width: 100%;overflow: auto;top: 75px;}

.hotService{width: 100%;height: auto;overflow: auto;color: #353535;padding: 5px;}
.hotService .titl,
.select .titl{padding-left: 7px;width: 100%;height: 25px;line-height: 25px;border-left: 5px solid #FF2F2F;}
.hotService .list{height: 110px;background: white;padding-top: 8px;margin-top: 5px;margin-bottom: 0;}
.hotService .list li{width: 33.3%;float: left;height: 100%;padding-left: 20px;}
.hotService .list li .img{width: 60px;height: 60px;border-radius: 50%;background: skyblue;margin: 5px;}

.select{width: 100%;height: auto;overflow: auto;color: #353535;padding: 5px;}
.select .list{height: 146px;background: white;}
.select .list li{width: 33.3%;float: left;height: 100%;padding-left: 20px;margin-bottom: 5px;border-bottom: 1px solid #ccc;}
.select .list li{width: 33.3%;float: left;height: 100%;padding-left: 20px;}
.select .list li .img{width: 40px;height: 40px;border-radius: 50%;background: skyblue;margin: 5px;}

.yf_content .nav{margin: 5px 0;width: 100%;height: 25px;line-height: 25px;text-align: center;background: white;color: red;}

footer{width: 100%;height: 55px;display: flex;line-height: 55px;color: #666;background: white;position: fixed;bottom: 0;z-index: 3;}
footer a{display: block;width: 33.3%;padding-left: 27px;color: #333;}

.footer_active{color: #FF2F2F;}
